// out: index.css, compress:true, sourceMap:false

// reset
*{
  margin: 0; padding: 0;
}
html,body,div,span,applet,object,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	font:inherit;
	font-weight:normal;
	vertical-align:baseline;
}
ul,li{
  list-style-type: none;
}
a{
  color: #666; text-decoration: none; font-family:Microsoft YaHei;
}
html{
  height: 100%;
}
html{
  background: url('../images/img_8.png') center top repeat-y;
  background-size: 100% auto; height: 100%; overflow: auto; font-size: 12px;
  font-family:Microsoft YaHei;
}
.main{
  width: 1440px; margin: 0 auto; position: relative;
}
.header{
  width: 100%; display: flex; position: relative; z-index: 2; flex-direction: row; justify-content: space-between; padding: 20px 0; align-items: flex-end; position: relative;
  .logo{
    width: 239px;
    img{
      width: 100%;
    }
  }
  .app_down{
    width: 110px;
    height: 33px;
    font-size: 25px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #FFFFFF;
    opacity: 1;
    align-items: flex-end;
    padding-right: 20px;
    cursor: pointer;
  }
}

.down-code{
  width: 335px; position: absolute; right: -80px; top: 90px; display: none;
  .code-img{
    width: 180px; height: 180px; position: absolute; top: 40px; left: 80px; background-color: #fff; border-radius: 10px; overflow: hidden; padding: 5px;
    img{
      width: 100%; height: 100%;
    }
  }
}
.section{
  background:url('../images/img_3.png') 20px top no-repeat rgba(255, 255, 255, 0.7); padding: 100px 0;
  .section_main{
    max-width: 1200px; margin: 0 auto; position: relative;
  }
  .main_top{
    width: 100%; display: flex; flex-direction: row; justify-content: space-between;
    .main_top-left{
      width: 502px; overflow: hidden;
      .main_top_left-top{
         width: 100%; text-align: center; height: 370px;
      }
      .main_top_left-news{
        background: #fff; padding: 23px 33px 0 33px;
        // ul{
        //   list-style:disc; list-style-type: disc; padding-left: 10px; list-style-position:inside;
        // }
        li{
          width: 100%; height: 45px; line-height: 45px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; border-bottom: 1px dashed #dfdfdf; padding-left: 10px; list-style:disc; list-style-type: disc; list-style-position:inside;
          a{
            color: #333; text-decoration: none;
            &:hover{
              color: #27A9FF;
            }
          }
          &:last-child{
            border-bottom: none;
          }
        }
      }
    }
    .main_top-right{
      width: 656px; background-color: #fff; overflow: hidden; height: 902px; position: relative;
      .right_list-banner{
        width: 656px; height: 370px; overflow: hidden;
        img{
          width: 100%; height: auto;
        }
      }
      .swiper-pagination{
        bottom: 15px;
        .swiper-pagination-bullet{
          background-color: #676767; opacity: 1;
        }
        .swiper-pagination-bullet-active{
           background-color: #57a6f8;
        }
      }
      .right_list-dection{
        background-color: #f8f8f8; margin: 0 27px; padding: 0 21px 15px 21px;
        .list-dection-top{
          display: flex; flex-direction: row; padding-top: 25px; position: relative;
          .dection_top-hot{
            position: absolute; top: -10px; left: 0px; width: 52px;
          }
          .list_dection-tips{
            padding-right: 30px;
          }
          .list_dection-text{
            font-size: 19px; color: #003794; font-weight: bold; overflow: hidden; white-space: nowrap; text-overflow:ellipsis; width: 500px;
          }
        }
        .list_dection-section{
          font-size: 14px; color: #666; line-height: 30px;  max-height: 90px; padding-top: 10px;
          overflow:hidden;
          text-overflow:ellipsis; 
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 3;
          overflow: hidden;
        }
      }

      .list_dection_comment{
        display: flex; padding: 17px 47px 0 47px; flex-direction: column;
        .dection_comment-tips{
          width: 54px;
          img{
            width: 100%;
          }
        }
        .swiper-wrapper{
            -webkit-transition-timing-function: linear; /*之前是ease-out*/
            -moz-transition-timing-function: linear;
            -ms-transition-timing-function: linear;
            -o-transition-timing-function: linear;
            transition-timing-function: linear;
        }
        .dection_comment-list{
          overflow: hidden; height: 265px;
          .swiper-slide{
            box-sizing: border-box;
          }
          dl{ width: 100%; overflow: hidden; border-bottom: 1px dashed #dfdfdf; padding: 10px 0;}
          dt{
            width: 100%; overflow: hidden; padding-top: 3px;
            .comment_list-head{
              width: 24px; height: 24px; border-radius: 50%; overflow: hidden; margin-bottom: -5px;
            }
            > span{
              font-size: 14px; color: #333; margin-left: 5px; line-height: 25px; 
            }
            p{
              float: right;
              span{
                color: #EC3A4E; padding: 0 10px;
              }
            }
          }
          dd{
            font-size: 12px; color: #676767; line-height: 20px; height: 40px; text-overflow:ellipsis; 
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            overflow: hidden;
            span{
              padding-left: 15px;
            }
          }
        }
        .no-comment{
          width: 100%; text-align: center;
          img{
            width: 203px;
          }
        }
        .commt_more{
          width: 100%; text-align: right; padding-top: 5px;;
          a{
            height: 31px; line-height: 31px; display: inline-block; color: #fff; padding: 0 10px; background-color: #57a6f8;
            &:hover{
              background-color: #3874b8;
            }
          }
        }
      }
    }
  }
  .main_qa{
    background-color: #63ABF1; margin-top: 20px;
    .qa_title{
      width: 100%; text-align: center; padding: 16px 0 5px 0;
    }
    .qa_swiper{
      width: 100%; padding-bottom: 20px; position: relative;
      .swiper_main{
        width: 80%; overflow: hidden; margin-left: 10%;
        .swiper-button-prev,.swiper-button-next{
          background-color: #458bd8; width: 74px; height: 144px; margin-top: -80px;
          &::after{
            color: #fff;
          }
          &:hover{
            background-color: #3874b8;
          }
        }
        .swiper-button-prev{
          left: 28px;
        }
        .swiper-button-next{
          right: 28px;
        }
      }
      .qa_swiper-list{
        width: 750px; height: 380px; background: url('../images/img_2.png') center center no-repeat; background-size: 100% 100%; overflow: hidden;
        .swiper_list-head{
          display: flex; flex-direction: row; margin: 60px 70px 0 0; justify-content: flex-end; align-items: center; text-align: right;
          p{
            width: 48px; height: 48px; border-radius: 50%; overflow: hidden;
            img{
              width: 100%; height: 100%;
            }
          }
          dl{
            dt{
              font-size: 14px; color: #666; line-height: 25px; font-weight: 400;
            }
            dd{
              color: #B2C2DB; font-size: 12px;
            }
          }
        }

        .qa_swiper-title{
          width: 520px; margin-left: 111px; line-height: 50px; height: 50px; text-overflow: ellipsis; white-space: nowrap; font-size: 18px; font-family: Microsoft YaHei; font-weight: bold;
          color: #3B3B3B;
          text-align: right;
        }
        .qa_swiper-main{
          width: 495px; margin-left: 135px; overflow: hidden;
          .swiper_title{
            display: flex; flex-direction: row; justify-content: space-between; padding: 15px 0; padding-right: 30px;
            .swiper_title_head{
              height: 29px; font-weight: 400; font-size: 14px; color: #5E5E5E; display: flex; flex-direction: row; justify-content: space-between; align-items: center;
              img{
                width: 29px; height: 29px; border-radius: 50%; overflow: hidden; margin-right: 10px;
              }
            }
            .swiper_title_number{
              color: #B2C2DB; font-size: 12px;
            }
          }
          .swiper_title-text{
            color: #5E5E5E; font-size: 14px; height: 75px; line-height: 25px; overflow:hidden; padding-right: 30px;
            text-overflow:ellipsis; 
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 3;
            overflow: hidden;
          }
        }
      }
    }
  }
  .qrcode{
    width: 100%; text-align: center; margin-top: 20px; position: relative;
    >img{
      max-width: 100%;
    }
    .qrcode-code{
      position: absolute; width: 100%; left: 0; top: 140px; text-align: center; display: flex; align-items: center; justify-content: center;
      ul{
        display: flex; flex-direction: row; justify-content: space-between; margin-left: 125px;
        li{
          width: 178px; margin: 0 16px;
          img{
            width: 100%;
          }
        }
      }
    }
  }
}
.footer{
  font-size: 20px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  line-height: 160px;
  color: #FFFFFF;
  text-align: center;
  position: relative;
  a{
    color: #FFFFFF; margin: 0 20px;
  }
  &::after{
    content: ""; width: 393px; height: 88px; position: absolute; top: -88px; right: 0; background: url('../images/img_4.png') left top no-repeat;
  }
}
.to-top{
  width: 60px; position: fixed; left: auto; margin-left: 1450px; bottom: 100px; background: url('../images/detial_c.png') center top no-repeat; text-align: center; font-size: 14px; color: #fff;
  a{
    color: #fff; padding-top: 30px; display: inline-block;
  }
}
.to-top-index{
  width: 60px; position: fixed; left: auto; margin-left: 1400px; bottom: 100px; background: url('../images/detial_c.png') center top no-repeat; text-align: center; font-size: 14px; color: #fff;
  a{
    color: #fff; padding-top: 30px; display: inline-block;
  }
}
// 问答
.qa-header{
  width: 100%; text-align: center; height: 65px; background-color: #fff; padding: 10px 0; position: relative; z-index: 2;
  .logo{
    img{
      height: 45px;
    }
  }
  .app_down{
    height: 25px;
    line-height: 25px;
    font-size: 16px;
    font-family: Microsoft YaHei;
    line-height: 0px;
    color: #003794;
    opacity: 1;
    position: absolute;
    right: 190px;
    cursor: pointer;
  }
  .down-code{
    right: 60px;
    top: 60px;
  }
}
.qa-main{
  width: 1400px; margin: 0 auto; position: relative;
  .qa-center{
    background:rgba(255, 255, 255, 0.9); width: 100%; overflow: hidden; display: flex; margin-top: 45px; display: flex; flex-direction: column;
    .qa_top{
      width: 960px; margin: 0 auto;
      .qa_header{
        width: 100%; display: flex; flex-direction: row; align-items: center; padding-top: 55px;
        p{
          width: 46px; height: 46px; border-radius: 50%; overflow: hidden;
          img{
            width: 100%;
          }
        }
        dl{
          line-height: 20px; padding-left: 5px;;
          dt{
            font-size: 18px; color: #191919;
          }
          dd{
            font-size: 14px; color: #7e7e7e;
          }
        }
      }

      .qa_section{
        display: flex; font-size: 14px; line-height: 26px; color: #232323; flex-direction: column; margin-top: 50px; padding: 0 0px;
        .qa_title{
          width: 100%;
          font-size: 26px;
          font-family: Microsoft YaHei;
          color: #003794;
          font-weight: bold;
          line-height: 35px;
          padding-left: 35px;
          background: url("../images/detail_a.png") left center no-repeat;
        }
        .qa_html{
          padding: 20px 0; line-height: 30px;
          img{
            max-width: 100%;
          }
        }
      }
      .qa_number{
        line-height: 24px; font-size:16px; color: #696969; text-align: right; padding-bottom: 45px;
      }
    }
  }

  .qa-comment{
    background:rgba(255, 255, 255, 0.9); margin-top: 18px;
    .qa-comment-main{
      width: 960px; margin: 0 auto; padding: 0 20px; display: flex; flex-direction: column;
      .qa-comment-top{
        display: flex; flex-direction: row; font-size: 14px; color: #232323; justify-content: space-between; padding-top: 25px; line-height: 25px;
        .sorf{
          font-size: 11px; color: #939495;
          .active{
            color: #003794;
          }
        }
      }
      .qa-comment-list{
        border-bottom: 1px solid #dfdfdf; padding: 20px 0;
        &:last-child{
          border-bottom: none;
        }
        .qa_header{
          display: flex; flex-direction: row; justify-content: space-between;
        }
        .qa_l{
          width: 100%; display: flex; flex-direction: row; align-items: center;
          p{
            width: 46px; height: 46px; border-radius: 50%; overflow: hidden;
            img{
              width: 100%;
            }
          }
          dl{
            line-height: 20px; padding-left: 5px;;
            dt{
              font-size: 14px; color: #111;
            }
            dd{
              font-size: 12px; color: #7e7e7e;
            }
          }
        }
        .zang{
          font-size: 12px; color: #003794; background: url('../images/detail_b.png') left center no-repeat; padding-left: 20px; height: 35px; line-height: 35px; cursor: pointer;
        }
        .cai{
          font-size: 12px; color: #003794; padding-left: 20px; height: 35px; line-height: 35px; cursor: pointer; display: flex; flex-direction: row; align-items: center;
          .z-top{
            background: url('../images/detial_4.png') center center no-repeat; width: 15px; height: 15px; display: inline-block; margin: 0 5px;
          }
          .z-bottom{
            background: url('../images/detial_5.png') center center no-repeat; width: 15px; height: 15px; display: inline-block; margin: 0 5px;
          }
        }
        .qa_content{
          font-size: 14px; line-height: 26px; color: #666; padding:0 48px; margin: 10px 0;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 3;
          overflow: hidden;
          position: relative;
          max-height: 78px;
        }
        .qa_content-open{
          max-height: max-content; display: block;
        }
        .qa_content-more{
          color: #003794; z-index: 3; cursor: pointer; text-align: center;
          img{
            width: 16px;
          }
          .hide{
            display: none;
          }
        }
        .qa_content_n{
          font-size: 14px; line-height: 26px; color: #666; padding:0 48px; margin: 10px 0;
        }
        .qa-more-main{
          .qa_more{
            color: #003794; font-size: 12px; text-align: right; cursor: pointer;
            &:last-child{
              display: none;
            }
          }
        }
        
        .qa_content_more{
          font-size: 14px; line-height: 26px; color: #666; padding:0 48px; display: none;
          .qa_comment-more-comment{
            background-color: #f7f9fa; position: relative; border: 1px solid #dfdfdf; padding:0  20px; display: flex; flex-direction: column; margin: 15px 0;
            .qa_l{
              p{
                 width: 40px; height: 40px;
              }
              dt{
                font-size: 12px;
              }
              dd{
                font-size: 11px;
              }
            }
            .qa_content_n{
              font-size: 12px;
            }
            .qa-comment-list:last-child{
              border-bottom: none;
            }
            &::before{
              content: ""; width: 15px; height: 15px; background:url('../images/jt.png') left top no-repeat; background-size: 100% auto; position: absolute; left: -1px; top: -15px;
            }
          }
        }
        
      }
      // 无数据
      .qa-comment-nodata{
        text-align: center; width: 100%; align-items: center; padding: 20px 0 40px 0; font-size: 14px; color: #666; display: flex; flex-direction: column; justify-content: center;
        img{
          width: 374px;
        }
      }
    }
    .qa-no-comment{
      font-size: 14px; color: #666; padding: 37px 0; text-align: center; border-top: 1px solid #dfdfdf;
    }
  }
}


// 评论
.comment-main{
  width: 1400px; margin: 0 auto; background:rgba(255, 255, 255, 0.9); margin-top: 47px;
}
.comment-center{
  width: 1200px; margin: 0 auto; display: flex; flex-direction: column;
  .comment-title{
    font-size: 26px; color: #003794; line-height: 30px; padding-top: 40px; padding-bottom: 5px; text-align: center;
  }
  .comment-header{
    display: flex; flex-direction: row; align-items: center; justify-content: center; border-bottom: 1px solid #D1D1D1; padding: 10px 0 20px 0;
    p{
      width: 25px; height: 25px; overflow: hidden; border-radius: 50%;
    }
    dl{
      display: flex; flex-direction: row; font-size: 12px; color: #7e7e7e;
      dt{
        padding-left: 10px;
      }
      dd{
        padding-left: 90px;
      }
    }
  }
  .comment-html{
    padding: 20px 0; line-height: 30px; width: 960px; margin: 0 auto; color: #232323; font-size: 14px;
    img{
      max-width: 100%;
    }
  }
  .comment-nais{
    padding: 10px 0; display: flex; justify-content: center; align-items: center; font-size: 12px;;
    dt{
      width: 123px; height: 57px; padding-top: 35px; box-sizing: border-box; text-align: center; border-radius: 10px; border: 1px solid #9FBEFC; background: url('../images/detial_3.png') center 10px no-repeat #fff; background-size: 30px auto;
    }
    dd{
      padding: 10px 0;
    }
  }
}